.header-wrap .venue-odrer-header {
    height: px2rem(80px);
    line-height: px2rem(80px);
    position: relative;
    font-size: 18px;
    width: 100%;
    display: flex;
    flex-direction: row;

    .left-wrap {
        display: flex;
        flex: 1;
        padding-left: 0.26666666666666666rem;
        overflow: hidden;

        .venue,
        .back {
            display: inline-block;
            vertical-align: middle;
        }
        .venue {
            margin-left: px2rem(30px);
            white-space: nowrap;
        }
        .venue:before {
            content: ' ';
            display: inline-block;
            vertical-align: middle;
            width: px2rem(30px);
            height: px2rem(38px);
            margin-right: px2rem(8px);
            margin-bottom: px2rem(8px);
            background: url('images/order/position.png');
            background-size: 100% 100%;
        }
    }
    .title-wrap {
        flex: 1;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;

        .help {
            position: absolute;
            top: px2rem(22px);
            display: inline-block;
            vertical-align: middle;
            width: px2rem(30px);
            height: px2rem(30px);
            margin-left: px2rem(8px);
            background: url('images/order/help_icon.png');
            background-size: 100% 100%;
        }
    }
    .right-wrap {
        font-size: 0;
        text-align: right;
        flex: 1 1 0%;

        span {
            display: inline-block;
            vertical-align: middle;
            width: px2rem(40px);
            height: px2rem(40px);
            padding: 0;
            margin-right: px2rem(20px);
            font-size: 0;
        }
        span.search {
            background: url('images/order/search.png');
            background-size: 100% 100%;
        }
        span.filter {
            margin-right: px2rem(40px);
            background: url('images/order/filter.png');
            background-size: 100% 100%;
        }
        span.order-edit-save,
        a {
            display: inline-block;
            vertical-align: middle;
            height: px2rem(80px);
            line-height: px2rem(80px);
            padding: 0 px2rem(20px);
            font-size: px2rem(32px);
        }
        span.order-edit-save {
            width: auto;
        }
    }
}
.order-edit-container {
    bottom: 0;
}
.edit-item {
    .project-radio {
        .ui-radio {
            width: px2rem(200px);
            padding: 0;
        }
    }
}
.state-switch {
    // width: px2rem(120px) !important;
    // border-radius: px2rem(40px) !important;
}

.venue-order-item {

    .order-info {
        position: relative;
        // height: px2rem(320px);
        margin: px2rem(12px) 0;
        padding: px2rem(30px) px2rem(30px) px2rem(20px);
        font-size: px2rem(28px);
        border-radius: px2rem(20px);
        background: url('images/order/order-1.png') no-repeat no-repeat center top;
        background-size: 100% auto;
        color: #664614;

        .order-title {
            position: relative;
            padding: 0 0 px2rem(30px);

            .title {
                margin-left: px2rem(100px);
                margin-right: px2rem(120px);
                font-size: px2rem(32px);
                font-weight: bold;
                max-height: px2rem(80px);
                line-height: px2rem(40px);
                overflow: hidden;
                white-space: pre-wrap;
            }
            .short {
                position: absolute;
                left: 0;
                border-radius: px2rem(7px);
                width: px2rem(80px);
                height: px2rem(40px);
                line-height: px2rem(40px);
                text-align: center;
                font-size: px2rem(28px);
                color: #FBAE38;
                background: rgba(251, 174, 56, 0.3);
            }
        }
        .tag,
        .venue,
        .time {
            height: px2rem(50px);
            line-height: px2rem(50px);

            .ui-icon {
                content: ' ';
                display: inline-block;
                vertical-align: text-bottom;
                width: px2rem(34px);
                height: px2rem(34px);
                line-height: px2rem(34px);
                margin-right: px2rem(16px);
            }
        }

        .status {
            position: absolute;
            width: px2rem(100px);
            height: px2rem(48px);
            line-height: px2rem(48px);
            bottom: px2rem(40px);
            right: px2rem(30px);
            font-size: px2rem(24px);
            color: #FBAE38;
            text-align: center;
            border: px2rem(2px) solid #FBAE38;
            border-radius: px2rem(23px);
        }
    }
    &.venue-order-item-green {
        .order-info {
            background: url('images/order/order-2.png') no-repeat no-repeat center top;
            background-size: 100% auto;
            color: #672201;

            .order-title .short {
                color: #FD8044;
                background: rgba(253, 128, 68, 0.3);
            }
        }
    }
    &.venue-order-item-blue {
        .order-info {
            background: url('images/order/order-3.png') no-repeat no-repeat center top;
            background-size: 100% auto;
            color: #003A62;

            .order-title .short {
                color: #0F9CFF;
                background: rgba(15, 156, 255, 0.3);
            }
        }
    }
}
.ui-filter-popup {
    width: 100%;
    height: 80%;
    border-radius: px2rem(30px) px2rem(30px) 0 0;
    overflow: hidden;

    .sort-container {
        .sort_section {
            width: 100%;
        }
        &::before {
            content: '筛选';
            display: block;
            height: px2rem(88px);
            line-height: px2rem(88px);
            padding-top: px2rem(12px);
            text-align: center;
            font-size: px2rem(32px);
            font-weight: bold;
            color: #333333;
        }
    }

    .ui-popup-close {
        top: px2rem(41px);
    }
}